*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
body,html{
    height: 100%;
    font-family: Helvetica Neue, Helvetica, STHeiTi, sans-serif;
    font-size: 0.16rem;
    line-height: 1.5;
}
html{
    font-size:15.625vw;
}
ul li{
    list-style: none;
}
a{
    text-decoration: none;
}
img{
    display: block;
    border:0;
    vertical-align: bottom;
}
strong{
    font-style: normal;
}
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/*------------------header----------------------*/
.wrapper{
    width:100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
header{
    width:100%;
    height:0.87rem;
    background: url(../images/header.png) no-repeat;
    background-size: cover;
}
/*------------------search----------------------*/
.search{
    height:0.9rem;
    line-height:0.9rem ;
    text-align: center;
    background-color: #52525a;
}
form{
    width:6rem;
    height:0.56rem;
    text-align: center;
    margin-left: 0.3rem;
    background-color: #fff;
    float: left;
    margin-top: 0.18rem;
    border-radius:0.5rem;
}
.search input{
    height:0.56rem;
    float: left;
    outline: none;
    border:none;
    /*margin-top: 0.18rem;*/
}
.search .iconfont{
    font-size: 0.26rem;
}
.search input:nth-child(1){
    width:0.65rem;
    border-radius:0.5rem 0 0 0.5rem;
    background-color: #fff;
}
.search input:nth-child(2){
    font-size: 0.23rem;
    width:5rem;
    border-radius:0  0.5rem  0.5rem  0;
    padding:0 0.2rem;
    /*background-color: #fff;*/
}
/*--------------------banner---------------------*/
.banner{
    width:100%;
}
.swiper-container,.swiper-wrapper,.swiper-slide{
    width:100%;
    height:2.5rem;
}
.swiper-container img{
    width:100%;
    height:100%;
}
.swiper-pagination .swiper-pagination-bullet{
    background: #ffffff;
    opacity: 1;
}
.swiper-pagination  .swiper-pagination-bullet-active{
    background:#d31014;
}
/*--------------------list---------------------------*/

/*#container {
    position: relative;
    left: -9999px;
}
#pull{
    height: 18px;
}*/

#container{
    flex: 1;
    overflow-y: scroll;
}
#list li{
    width:100%;
    height:2.19rem;
    border-bottom:2px solid #707070;
}
#list .content{
    margin-right: 0.5rem;
    margin-bottom: 0.25rem;
    margin-left: 0.15rem;
    float:left;
    margin-top: 0.20rem;
}
#list .content .good-pic{
    float:left;
    width:1.72rem;
    height:1.71rem;
    border:1px solid #ababab;
}
#list .content .good-pic img{
    width:100%;
    height:100%;
}
#list .content .good-inof{
    float:left;
    margin-left: 0.17rem;
    width:3.85rem;
    height:1.71rem;
}
#list .good-inof .title{
    font-size: 0.24rem;
    line-height: 0.4rem;
}
#list .good-inof .price .count{
    float: left;
}
#list .good-inof .price span:nth-child(1){
    color:#f62974;
    font-size: .28rem;
    font-weight: bold;
}
#list .good-inof .price span:nth-child(2){
    color:#bdbbbc;
    font-size: .17rem;
    text-decoration: line-through;
    margin-left: 0.2rem;
}
#list  .price .car{
    float: right;
    margin-top: 0.28rem;
}
#list  .price .car a{
    display: inline-block;
    width:1.18rem;
    height:0.52rem;
    background: #e33067;
    text-align: center;
    line-height: 0.52rem;
    border-radius: 0.1rem;
}
#list  .price .car .iconfont{
    color: #fff;
    font-size: .35rem;
}



/*-------------------------footer---------------------------*/
footer{
    width:100%;
    height:0.98rem;
    background-color: #484850;
}
footer ul{
    display: flex;
    height:100%;
}
footer ul .active{
    border-top:6px solid #e4366b;
}
footer ul li{
    flex: 1;
    font-weight: 200;
}
footer ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color:#fff;
}
footer ul li .iconfont{
    font-size: 0.40rem;
}
footer ul li strong{
    font-size: .22rem;
}
